<div class="head">
	<div class="x-wrap">
		<div class="h-left">
			<span ><a href="Loginer.html" id="showDl">请您登录</a></span>
			
			<a href="Register.html">注册</a>
		</div>
		<dl class="h-right">
			<dd class="myFire">
				<h3>
					<a href="person.html">
						<b>0</b>
						我的烽火
						<i class="my-icon"></i>
					</a>
				</h3>
				<ul>
					<li><a href="#">待支付</a></li>
					<li><a href="#">待收货</a></li>
					<li><a href="#">待评价</a></li>
					<li><a href="#" id="exit_dl">退出系统</a></li>
				</ul>
			</dd>
			<dd class="">
				<h3><a href="">品牌官网</a></h3>
			</dd>
			<dd class="myPhone">
				<h3>
					<a href="">
						<i class="my-mobile"></i>
						手机烽火
						<i class="my-icon"></i>
					</a>
				</h3>
				<ul>
					<li>
						<div class="iqr"><img src="../images/iqr.jpg"></div>
					</li>
				</ul>
			</dd>
			<dd class="shopCar">
				<h3>
					<a href="shopCar.html">
						<i class="car"></i>
						购物车<span>(0)</span>件
					</a>
				</h3>
			</dd>
		</dl>
	</div>
</div>
<div class="com-header">
	<div class="wrap">
		<div class="logo"><img src="../images/logo.jpg" alt="" width="200px" height="80px"></div>
		<div class="search-box">
			<form>
				<input type="text" placeholder="跑鞋" class="search-input" 
				style="text-indent:15px">
				<button class="search-btn" id="search-btn">搜索</button>
			</form>
		</div>
		<p class="hot-search">
			<span>热卖搜索:</span>
			<a href="#">春季新品</a>
			<a href="#">跑鞋</a>
			<a href="#">板鞋</a>
			<a href="#">赵丽颖</a>
			<a href="#">谢霆锋</a>
		</p>
	</div>
</div>
<nav>
	<div class="nav-wrap">
		<div class="allShop">
			<div class="main-shop">
				<a href="#">全部商品</a>
			</div>
			<div class="list-box">
				<ul class="list0">
					<li class="mainCate" id="mainCate-1">
						<h3>
							<a href="#">男鞋</a>
							<span><img src="../images/left-btn.png" alt=""></span>
						</h3>
						<p>
							<a href="#">跑步鞋</a>
							<a href="#">综训鞋</a>
							<a href="#">休闲鞋</a>
						</p>
						<p>
							<a href="#">板鞋</a>
							<a href="#">男球鞋</a>
							<a href="#">棉鞋</a>
						</p>
					</li>
					<li class="mainCate" id="mainCate-2">
						<h3>
							<a href="#">女鞋</a>
							<span><img src="../images/left-btn.png" alt=""></span>
						</h3>
						<p>
							<a href="#">跑步鞋</a>
							<a href="#">综训鞋</a>
							<a href="#">休闲鞋</a>
						</p>
						<p>
							<a href="#">板鞋</a>
							<a href="#">女球鞋</a>
							<a href="#">棉鞋</a>
						</p>
					</li>
					<li class="mainCate" id="mainCate-3">
						<h3>
							<a href="#">儿童</a>
							<span><img src="../images/left-btn.png" alt=""></span>
						</h3>
						<p>
							<a href="#">跑步鞋</a>
							<a href="#">综训鞋</a>
							<a href="#">休闲鞋</a>
						</p>
						<p>
							<a href="#">板鞋</a>
							<a href="#">球鞋</a>
							<a href="#">棉鞋</a>
						</p>
					</li>
					<li class="mainCate" id="mainCate-4">
						<h3>
							<a href="#">老年</a>
							<span><img src="../images/left-btn.png" alt=""></span>
						</h3>
						<p>
							<a href="#">跑步鞋</a>
							<a href="#">综训鞋</a>
							<a href="#">休闲鞋</a>
						</p>
						<p>
							<a href="#">板鞋</a>
							<a href="#">球鞋</a>
							<a href="#">棉鞋</a>
						</p>
					</li>
				</ul>
			</div>
		</div>
		<div class="nav">
			<span class="index-first">
				<a href="index.html">首页</a>
			</span>
			<ul class="main-nav">
				<li><a href="LookShop.html">跑步</a></li>
				<li><a href="LookShop.html">足球</a></li>
				<li><a href="#">儿童</a></li>
				<li><a href="#">运动表现</a></li>
				<li><a href="#">运动生活</a></li>
			</ul>
		</div>
		<span class="horse-run">
			<a href=""><img src="../images/3.png" alt=""></a>
		</span>
	</div>
</nav>
